export const containerDatas = [
    {
        type: "box",
        name: "栅格",
        icon: "fa fa-box",
        fields: {
            gutter: {
                label: "栅格间隔",
                type: "number",
                values: 0,
            },
            justify: {
                label: "布局下的水平排列方式",
                type: "select",
                values: [
                    "start",
                    "end",
                    "center",
                    "space-around",
                    "space-between",
                    "space-evenly",
                ],
            },
            align: {
                label: "布局下的垂直排列方式",
                type: "select",
                values: ["top", "middle", "bottom"],
            },
            tag: {
                label: "自定义元素标签",
                type: "input",
                values: "div",
            }
        },
        preps: {
            elements: [
                {rowIndex: 1, columns: [{colIndex: 1, colspan: 24, items: [{}]}]}
            ],
            gutter: 0,
            justify: "start",
            align: "top",
            tag: "div"
        },
        advancedPreps: {},
        actions: {},
    },
    {
        type: "table",
        name: "表格",
        icon: "fa fa-table",
        fields: {},
        preps: {
            elements: [
                {
                    rowIndex: 1,
                    align: "中",
                    valign: "中",
                    columns: [{colIndex: 1, rowspan: 1, colspan: 1, items: [{}]}]
                }
            ],
        },
        advancedPreps: {},
        actions: {},
    },
];

export const formDatas = [
    {
        type: "button",
        name: "按钮",
        icon: "fa fa-tablet-screen-button",
        fields: {
            size: {
                label: "尺寸",
                type: "select",
                values: ["large", "default", "small"],
            },
            btnLabel: {
                label: "标签名字",
                type: "input",
                values: "",
                required: true
            },
            type: {
                label: "类型",
                type: "select",
                values: ["primary", "success", "warning", "warning", "danger", "info"],
            },
            plain: {
                label: "是否为朴素按钮",
                type: "switch",
                values: [true, false],
            },
            text: {
                label: "是否为文字按钮",
                type: "switch",
                values: [true, false],
            },
            bg: {
                label: "是否显示文字按钮背景颜色",
                type: "switch",
                values: [true, false],
            },
            link: {
                label: "是否为链接按钮",
                type: "switch",
                values: [true, false],
            },
            round: {
                label: "是否为圆角按钮",
                type: "switch",
                values: [true, false],
            },
            circle: {
                label: "是否为圆形按钮",
                type: "switch",
                values: [true, false],
            },
            loading: {
                label: "是否为加载中状态",
                type: "switch",
                values: [true, false],
            },
            disabled: {
                label: "按钮是否为禁用状态",
                type: "switch",
                values: [true, false],
            },
            loadingIcon: {
                label: "自定义加载中状态图标组件",
                type: "input",
                values: "",
            },
            icon: {
                label: "图标组件",
                type: "input",
                values: "",
            },
            autoInsertSpace: {
                label: "自动在两个中文字符之间插入空格",
                type: "switch",
                values: [true, false],
            },
            nativeType: {
                label: "原生 type 属性",
                type: "select",
                values: ["button", "submit", "reset"],
            },
        },
        preps: {
            size: "default",
            type: "primary",
            plain: false,
            text: false,
            bg: false,
            link: false,
            round: false,
            circle: false,
            loading: false,
            loadingIcon: "",
            disabled: false,
            icon: "",
            btnLabel: "",
            autofocus: false,
            nativeType: "button",
            autoInsertSpace: false,
        },
        advancedPreps: {},
        actions: {},
    },
    {
        type: "input",
        name: "单行文本框",
        icon: "fa fa-pen-to-square",
        fields: {
            label: {
                label: "标签文本",
                type: "input",
                values: "",
                required: true
            },
            name: {
                label: "名称",
                type: "input",
                values: "",
                required: true
            },
            type: {
                label: "类型",
                type: "radio",
                values: ["text", "textarea"],
            },
            required: {
                label: "是否必填",
                type: "switch",
                values: [true, false],
            },
            readonly: {
                label: "是否只读",
                type: "switch",
                values: [true, false],
            },
            placeholder: {
                label: "输入框占位文本",
                type: "input",
                values: "",
            },
            clearable: {
                label: "是否可清空",
                type: "switch",
                values: [true, false],
            },

            maxlength: {
                label: "最大输入长度",
                type: "number",
                values: "",
            },
            minlength: {
                label: "最小输入长度",
                type: "number",
                values: "",
            },
            showWordLimit: {
                label: "是否显示统计字数",
                type: "switch",
                values: [true, false],
            },
            formatter: {
                label: "指定输入值的格式",
                type: "button",
                pop: "dialog",
                values: "",
            },
            showPassword: {
                label: "是否显示切换密码图标",
                type: "switch",
                values: [true, false],
            },

            size: {
                label: "输入框尺寸",
                type: "select",
                values: ["large", "default", "small"],
            },
            prefixIcon: {
                label: "自定义前缀图标",
                type: "input",
                values: "",
            },
            suffixIcon: {
                label: "输入框尺寸",
                type: "select",
                values: ["large", "default", "small"],
            },
            rows: {
                label: "输入框行数",
                type: "number",
                values: 2,
            },
            autosize: {
                label: "textarea 高度是否自适应",
                type: "switch",
                values: [true, false],
            },
            autocomplete: {
                label: "原生 autocomplete 属性",
                type: "switch",
                values: ["on", "off"],
            },

            max: {
                label: "设置最大值",
                type: "number",
                values: "",
            },
            min: {
                label: "设置最小值",
                type: "number",
                values: "",
            },
            resize: {
                label: "控制是否能被用户缩放",
                type: "select",
                values: ["none", "both", "horizontal", "vertical"],
            },

            inputStyle: {
                label: "Style",
                type: "input",
                values: "",
            },
        },
        preps: {
            type: "text",
            required: false,
            modelValue: "",
            maxlength: null,
            minlength: 0,
            showWordLimit: false,
            placeholder: "",
            clearable: false,
            formatter: (value) => {
            },
            showPassword: false,
            disabled: false,
            size: "default",
            prefixIcon: "",
            suffixIcon: "",
            rows: 2,
            autosize: false,
            autocomplete: "off",
            name: "",
            readonly: false,
            max: null,
            min: 0,
            step: "",
            resize: "none",
            form: "",
            label: "",
            tabindex: "",
            inputStyle: {},
        },
        advancedPreps: {},
        actions: {
            blur: {
                label: "在 Input 失去焦点时触发",
                type: "button",
            },
            focus: {
                label: "在 Input 获得焦点时触发",
                type: "button",
            },
            change: {
                label: "数据改变时触发",
                type: "button",
            },
            input: {
                label: "在 Input 值改变时触发",
                type: "button",
            },
            clear: {
                label: "Clearable 属性生成的清空按钮时触发",
                type: "button",
            },
        },
    },
    {
        type: "number",
        name: "数字输入框",
        icon: "fa fa-arrow-up-1-9",
        fields: {
            label: {
                label: "标签文本",
                type: "input",
                values: "",
                required: true
            },
            name: {
                label: "名称",
                type: "input",
                values: "",
                required: true
            },
            required: {
                label: "是否必填",
                type: "switch",
                values: [true, false],
            },
            readonly: {
                label: "是否只读",
                type: "switch",
                values: [true, false],
            },
            placeholder: {
                label: "输入框占位文本",
                type: "input",
                values: "",
            },
            clearable: {
                label: "是否可清空",
                type: "switch",
                values: [true, false],
            },
            disabled: {
                label: "是否禁用",
                type: "switch",
                values: [true, false],
            },

            max: {
                label: "设置最大值",
                type: "number",
                values: "",
            },
            min: {
                label: "设置最小值",
                type: "number",
                values: "",
            },
            size: {
                label: "输入框尺寸",
                type: "select",
                values: ["large", "default", "small"],
            },
            step: {
                label: "计数器步长",
                type: "input",
                values: 1,
            },
            precision: {
                label: "数值精度",
                type: "input",
                values: "",
            },
            controls: {
                label: "是否使用控制按钮",
                type: "switch",
                values: [true, false],
            },
            controlsPosition: {
                label: "控制按钮位置",
                type: "select",
                values: ["left", "right"],
            },
            valueOnClear: {
                label: "当输入框被清空时显示的值",
                type: "select",
                values: ["min", "max"],
            },
        },
        preps: {
            min: 0,
            max: null,
            step: 1,
            required: false,
            stepStrictly: false,
            precision: "",
            size: "default",
            readonly: false,
            disabled: false,
            controls: true,
            controlsPosition: "",
            name: "",
            label: "",
            placeholder: "",
            valueOnClear: "min",
            validateEvent: true,
        },
        advancedPreps: {},
        actions: {
            blur: {
                label: "在 Input 失去焦点时触发",
                type: "button",
            },
            focus: {
                label: "在 Input 获得焦点时触发",
                type: "button",
            },
            change: {
                label: "数据改变时触发",
                type: "button",
            },
        },
    },
    {
        type: "autocomplete",
        name: "自动补全输入框",
        icon: "fa fa-filter",
        fields: {
            label: {
                label: "标签文本",
                type: "input",
                values: "",
                required: true
            },
            name: {
                label: "名称",
                type: "input",
                values: "",
                required: true
            },
            required: {
                label: "是否必填",
                type: "switch",
                values: [true, false],
            },
            readonly: {
                label: "是否只读",
                type: "switch",
                values: [true, false],
            },
            placeholder: {
                label: "输入框占位文本",
                type: "input",
                values: "",
            },
            clearable: {
                label: "是否可清空",
                type: "switch",
                values: [true, false],
            },
            disabled: {
                label: "是否禁用",
                type: "switch",
                values: [true, false],
            },
            placement: {
                label: "菜单弹出位置",
                type: "select",
                values: [
                    "top",
                    "top-start",
                    "top-end",
                    "bottom",
                    "bottom-start",
                    "bottom-end",
                    "",
                    "",
                ],
            },
            popperClass: {
                label: "下拉列表的类名",
                type: "input",
                values: "",
            },
            hideLoading: {
                label: "是否隐藏远程加载时的加载图标",
                type: "switch",
                values: [true, false],
            },
            fitInputWidth: {
                label: "下拉框是否与输入框同宽",
                type: "switch",
                values: [true, false],
            },
        },
        preps: {
            placeholder: "",
            clearable: false,
            disabled: false,
            valueKey: "value",
            required: false,
            debounce: 300,
            placement: "bottom-start",
            fetchSuggestions: "",
            popperClass: "",
            triggerOnFocus: true,
            name: "",
            selectWhenUnmatched: false,
            label: "",
            hideLoading: false,
            teleported: true,
            highlightFirstItem: false,
            fitInputWidth: false,
        },
        advancedPreps: {},
        actions: {
            select: {
                label: "点击选中建议项时触发",
                type: "button",
            },
            change: {
                label: "在Input值改变时触发",
                type: "button",
            },
        },
    },
    {
        type: "select",
        name: "选择器",
        icon: "fa fa-list-alt",
        fields: {
            label: {
                label: "标签文本",
                type: "input",
                values: "",
                required: true
            },
            name: {
                label: "名称",
                type: "input",
                values: "",
                required: true
            },
            required: {
                label: "是否必填",
                type: "switch",
                values: [true, false],
            },
            readonly: {
                label: "是否只读",
                type: "switch",
                values: [true, false],
            },
            placeholder: {
                label: "占位文本",
                type: "input",
                values: "",
            },
            clearable: {
                label: "是否可清空",
                type: "switch",
                values: [true, false],
            },
            disabled: {
                label: "是否禁用",
                type: "switch",
                values: [true, false],
            },
            multiple: {
                label: "是否多选",
                type: "switch",
                values: [true, false],
            },
            filterable: {
                label: "是否可筛选",
                type: "switch",
                values: [true, false],
            },
            valueKey: {
                label: "唯一标识的键名",
                type: "input",
                values: "",
            },
            size: {
                label: "输入框尺寸",
                type: "select",
                values: ["large", "default", "small"],
            },
            collapseTags: {
                label: "多选时是否将选中值按文字的形式展示",
                type: "switch",
                values: [true, false],
            },
            collapseTagsTooltip: {
                label: "是否显示所有选中的标签",
                type: "switch",
                values: [true, false],
            },
            multipleLimit: {
                label: "最多可以选择的项目数",
                type: "number",
                values: 0,
            },
            effect: {
                label: "Tooltip 主题",
                type: "select",
                values: ["dark", "light"],
            },
            autocomplete: {
                label: "是否自动完成",
                type: "switch",
                values: ["on", "off"],
            },
            allowCreate: {
                label: "是否允许用户创建新条目",
                type: "switch",
                values: [true, false],
            },
            filterMethod: {
                label: "自定义筛选方法",
                type: "button",
                pop: "dialog",
                values: "",
            },
            remote: {
                label: "否从服务器远程加载",
                type: "switch",
                values: [true, false],
            },
            remoteMethod: {
                label: "自定义远程搜索方法",
                type: "button",
                pop: "dialog",
                values: "",
            },
            loading: {
                label: "是否正在从远程获取数据",
                type: "switch",
                values: [true, false],
            },
            loadingText: {
                label: "从服务器加载内容时显示的文本",
                type: "input",
                values: "",
            },
            noMatchText: {
                label: "搜索条件无匹配时显示的文字",
                type: "input",
                values: "",
            },
            noDataText: {
                label: "无选项时显示的文字",
                type: "input",
                values: "",
            },
            popperClass: {
                label: "自定义类名",
                type: "input",
                values: "",
            },
            reserveKeyword: {
                label: "是否保留搜索关键词",
                type: "switch",
                values: [true, false],
            },
            defaultFirstOption: {
                label: "默认选择第一个匹配项",
                type: "switch",
                values: [true, false],
            },
            automaticDropdown: {
                label: "获得焦点弹出选项菜单",
                type: "switch",
                values: [true, false],
            },
            fitInputWidth: {
                label: "获得焦点弹出选项菜单",
                type: "switch",
                values: [true, false],
            },
            tagType: {
                label: "标签类型",
                type: "select",
                values: ["success", "info", "warning", "danger"],
            },
            placement: {
                label: "标签类型",
                type: "select",
                values: [
                    "top",
                    "top-start",
                    "top-end",
                    "bottom",
                    "bottom-start",
                    "bottom-end",
                    "left",
                    "left-start",
                    "left-end",
                    "right",
                    "right-start",
                    "right-end",
                ],
            },
        },
        preps: {
            multiple: false,
            disabled: false,
            required: false,
            valueKey: "value",
            size: "default",
            clearable: false,
            collapseTags: false,
            collapseTagsTooltip: false,
            multipleLimit: 0,
            name: "",
            effect: "light",
            autocomplete: "off",
            placeholder: "Select",
            filterable: false,
            allowCreate: false,
            filterMethod: "",
            remote: false,
            remoteMethod: "",
            remoteShowSuffix: false,
            loading: false,
            loadingText: "Loading",
            noMatchText: "No matching data",
            noDataText: "No data",
            popperClass: "",
            reserveKeyword: true,
            defaultFirstOption: false,
            teleported: true,
            persistent: true,
            automaticDropdown: false,
            clearIcon: "",
            fitInputWidth: false,
            suffixIcon: "ArrowDown",
            tagType: "info",
            validateEvent: true,
            placement: "bottom-start",
        },
        advancedPreps: {},
        actions: {
            blur: {
                label: "在 Input 失去焦点时触发",
                type: "button",
            },
            focus: {
                label: "在 Input 获得焦点时触发",
                type: "button",
            },
            change: {
                label: "数据改变时触发",
                type: "button",
            },
            visibleChange: {
                label: "下拉框出现/隐藏时触发",
                type: "button",
            },
            removeTag: {
                label: "多选模式下移除tag时触发",
                type: "button",
            },
            clear: {
                label: "点击清空按钮时触发",
                type: "button",
            },
        },
    },
    {
        type: "checkbox",
        name: "多选框",
        icon: "fa fa-check-square",
        fields: {
            label: {
                label: "标签文本",
                type: "input",
                values: "",
                required: true
            },
            name: {
                label: "名称",
                type: "input",
                values: "",
                required: true
            },
            required: {
                label: "是否必填",
                type: "switch",
                values: [true, false],
            },
            readonly: {
                label: "是否只读",
                type: "switch",
                values: [true, false],
            },

            disabled: {
                label: "是否禁用",
                type: "switch",
                values: [true, false],
            },

            border: {
                label: "边框",
                type: "switch",
                values: [true, false],
            },
            trueLabel: {
                label: "选中时的值",
                type: "input",
                values: "",
            },
            falseLabel: {
                label: "没有选中时的值",
                type: "input",
                values: "",
            },
            size: {
                label: "Checkbox 的尺寸",
                type: "select",
                values: ["large", "default", "small"],
            },
            checked: {
                label: "当前是否勾选",
                type: "switch",
                values: [true, false],
            },
            validateEvent: {
                label: "输入时是否触发表单的校验",
                type: "switch",
                values: [true, false],
            },
        },
        preps: {
            label: "",
            trueLabel: "",
            falseLabel: "",
            disabled: false,
            required: false,
            border: false,
            size: "default",
            name: "",
            checked: false,
            indeterminate: false,
            validateEvent: true,
            values: [
                {
                    label: "Checkbox1",
                    trueLabel: "CheckedOption1",
                    falseLabel: "UnCheckedOption1",
                },
                {
                    label: "Checkbox2",
                    trueLabel: "CheckedOption2",
                    falseLabel: "UnCheckedOption2",
                },
                {
                    label: "Checkbox3",
                    trueLabel: "CheckedOption3",
                    falseLabel: "UnCheckedOption3",
                },
            ],
        },
        advancedPreps: {},
        actions: {
            change: {
                label: "值改变时触发",
                type: "button",
            },
        },
    },
    {
        type: "radio",
        name: "单选框",
        icon: "fa fa-circle-check",
        fields: {
            label: {
                label: "标签文本",
                type: "input",
                values: "",
                required: true
            },
            name: {
                label: "名称",
                type: "input",
                values: "",
                required: true
            },
            size: {
                label: "单选框组尺寸",
                type: "select",
                values: ["large", "default", "small"],
            },
            required: {
                label: "是否必填",
                type: "switch",
                values: [true, false],
            },
            readonly: {
                label: "是否只读",
                type: "switch",
                values: [true, false],
            },

            disabled: {
                label: "是否禁用",
                type: "switch",
                values: [true, false],
            },
            textColor: {
                label: "激活时的文本颜色",
                type: "color",
                values: "#ffffff",
            },
            fill: {
                label: "激活时的填充色和边框色",
                type: "color",
                values: "#409EFF",
            },
            validateEvent: {
                label: "输入时是否触发表单的校验",
                type: "switch",
                values: [true, false],
            },
        },
        preps: {
            label: "",
            disabled: false,
            required: false,
            border: false,
            size: "default",
            name: "",
            values: [
                {
                    label: "Radio1",
                    trueLabel: "RadioOption1",
                    falseLabel: "UnRadioOption1",
                },
                {
                    label: "Radio2",
                    trueLabel: "RadioOption2",
                    falseLabel: "UnRadioOption2",
                },
                {
                    label: "Radio3",
                    trueLabel: "RadioOption3",
                    falseLabel: "UnRadioOption3",
                },
            ],
        },
        advancedPreps: {},
        actions: {
            change: {
                label: "值改变时触发",
                type: "button",
            },
        },
    },
    {
        type: "datetime",
        name: "日期选择器",
        icon: "fa fa-calendar",
        fields: {
            label: {
                label: "标签文本",
                type: "input",
                values: "",
                required: true
            },
            name: {
                label: "名称",
                type: "input",
                values: "",
                required: true
            },
            required: {
                label: "是否必填",
                type: "switch",
                values: [true, false],
            },
            readonly: {
                label: "是否只读",
                type: "switch",
                values: [true, false],
            },

            disabled: {
                label: "是否禁用",
                type: "switch",
                values: [true, false],
            },
            placeholder: {
                label: "占位文本",
                type: "input",
                values: "",
            },
            editable: {
                label: "文本框可输入",
                type: "switch",
                values: [true, false],
            },
            size: {
                label: "输入框尺寸",
                type: "select",
                values: ["large", "default", "small"],
            },
            startPlaceholder: {
                label: "范围选择时开始日期的占位内容",
                type: "input",
                values: "",
            },
            endPlaceholder: {
                label: "范围选择时结束日期的占位内容",
                type: "input",
                values: "",
            },
            timeArrowControl: {
                label: "是否用箭头按钮",
                type: "switch",
                values: [true, false],
            },
            type: {
                label: "显示类型",
                type: "select",
                values: [
                    "year",
                    "month",
                    "date",
                    "datetime",
                    "week",
                    "datetimerange",
                    "daterange",
                ],
            },
            format: {
                label: "日期格式",
                type: "select",
                values: ["YYYY-MM-DD HH:mm:ss", "YYYY-MM-DD", "Y-M-D"],
            },
            rangeSeparator: {
                label: "选择范围时的分隔符",
                type: "input",
                values: "",
            },
            disabledDate: {
                label: "禁用日期",
                type: "input",
                values: "",
            },
        },
        preps: {
            readonly: false,
            disabled: false,
            required: false,
            size: "default",
            editable: true,
            clearable: true,
            placeholder: "",
            startPlaceholder: "",
            endPlaceholder: "",
            type: "date",
            format: "YYYY-MM-DD",
            popperClass: "",
            rangeSeparator: "-",
            defaultValue: "",
            defaultTime: "",
            valueFormat: "",
            id: "",
            name: "",
            unlinkPanels: false,
            prefixIcon: "Date",
            clearIcon: "CircleClose",
            validateEvent: true,
            disabledDate: "",
            shortcuts: "-",
            cellClassName: "-",
            teleported: true,
        },
        advancedPreps: {},
        actions: {
            blur: {
                label: "在 Input 失去焦点时触发",
                type: "button",
            },
            focus: {
                label: "在 Input 获得焦点时触发",
                type: "button",
            },
            change: {
                label: "数据改变时触发",
                type: "button",
            },
            visibleChange: {
                label: "下拉框出现/隐藏时触发",
                type: "button",
            },
            calendarChange: {
                label: "datetimerange时日期改变触发",
                type: "button",
            },
        },
    },
    {
        type: "cascade",
        name: "级联选择器",
        icon: "fa fa-list-ul",
        fields: {
            label: {
                label: "标签文本",
                type: "input",
                values: "",
                required: true
            },
            name: {
                label: "名称",
                type: "input",
                values: "",
                required: true
            },
            required: {
                label: "是否必填",
                type: "switch",
                values: [true, false],
            },
            readonly: {
                label: "是否只读",
                type: "switch",
                values: [true, false],
            },

            disabled: {
                label: "是否禁用",
                type: "switch",
                values: [true, false],
            },
            placeholder: {
                label: "占位文本",
                type: "input",
                values: "",
            },

            size: {
                label: "输入框尺寸",
                type: "select",
                values: ["large", "default", "small"],
            },
            options: {
                label: "数据源",
                type: "input",
                values: "",
            },
            props: {
                label: "配置选项",
                type: "input",
                values: "",
            },
            showAllLevels: {
                label: "是否显示完整路径",
                type: "switch",
                values: [true, false],
            },
            collapseTags: {
                label: "多选模式下是否折叠Tag",
                type: "switch",
                values: [true, false],
            },
            collapseTagsTooltip: {
                label: "是否显示所有选中的标签",
                type: "switch",
                values: [true, false],
            },
            separator: {
                label: "用于分隔选项的字符",
                type: "input",
                values: "",
            },
            filterable: {
                label: "是否可以被搜索",
                type: "switch",
                values: [true, false],
            },
            filterMethod: {
                label: "自定义搜索逻辑",
                type: "input",
                values: "",
            },
            popperClass: {
                label: "自定义类名",
                type: "input",
                values: "",
            },
            tagType: {
                label: "输入框类型",
                type: "select",
                values: ["success", "info", "warning", "danger"],
            },
            validateEvent: {
                label: "否触发表单的校验",
                type: "switch",
                values: [true, false],
            },
        },
        preps: {
            options: "-",
            props: "-",
            size: "default",
            placeholder: "Select",
            disabled: false,
            required: false,
            clearable: false,
            showAllLevels: true,
            collapseTags: false,
            collapseTagsTooltip: false,
            separator: "/",
            filterable: false,
            filterMethod: "-",
            debounce: 300,
            beforeFilter: "",
            popperClass: "",
            teleported: true,
            tagType: "info",
            validateEvent: true,
        },
        advancedPreps: {},
        actions: {
            blur: {
                label: "在 Input 失去焦点时触发",
                type: "button",
            },
            focus: {
                label: "在 Input 获得焦点时触发",
                type: "button",
            },
            change: {
                label: "数据改变时触发",
                type: "button",
            },
            visibleChange: {
                label: "下拉框出现/隐藏时触发",
                type: "button",
            },
            removeTag: {
                label: "多选模式下移除tag时触发",
                type: "button",
            },
            expandChange: {
                label: "当展开节点发生变化时触发",
                type: "button",
            },
        },
    },
    {
        type: "color",
        name: "取色器",
        icon: "fa fa-eraser",
        fields: {
            label: {
                label: "标签名称",
                type: "input",
                values: "",
                required: true
            },
            name: {
                label: "名称",
                type: "input",
                values: "",
                required: true
            },
            required: {
                label: "是否必填",
                type: "switch",
                values: [true, false],
            },
            disabled: {
                label: "是否禁用",
                type: "switch",
                values: [true, false],
            },

            size: {
                label: "输入框尺寸",
                type: "select",
                values: ["large", "default", "small"],
            },
            showAlpha: {
                label: "是否支持透明度选择",
                type: "switch",
                values: [true, false],
            },
            colorFormat: {
                label: "颜色的格式",
                type: "select",
                values: ["hsl", "hsv", "hex", "rgb"],
            },
            popperClass: {
                label: "下拉框的类名",
                type: "input",
                values: "",
            },
            predefine: {
                label: "预定义颜色",
                type: "input",
                values: "",
            },
            validateEvent: {
                label: "否触发表单的校验",
                type: "switch",
                values: [true, false],
            },
        },
        preps: {
            label: "",
            name: "",
            disabled: false,
            required: false,
            size: "default",
            showAlpha: false,
            colorFormat: "rgb",
            popperClass: "",
            predefine: "",
            validateEvent: true,
        },
        advancedPreps: {},
        actions: {
            change: {
                label: "数据改变时触发",
                type: "button",
            },
            activeChange: {
                label: "颜色发生改变时触发",
                type: "button",
            },
        },
    },
    {
        type: "rate",
        name: "评分",
        icon: "fa fa-star",
        fields: {
            label: {
                label: "标签名称",
                type: "input",
                values: "",
                required: true
            },
            name: {
                label: "名称",
                type: "input",
                values: "",
                required: true
            },
            max: {
                label: "最大分值",
                type: "number",
                values: 5,
            },
            required: {
                label: "是否必填",
                type: "switch",
                values: [true, false],
            },
            disabled: {
                label: "是否禁用",
                type: "switch",
                values: [true, false],
            },

            size: {
                label: "输入框尺寸",
                type: "select",
                values: ["large", "default", "small"],
            },
            allowHalf: {
                label: "是否允许半选",
                type: "switch",
                values: [true, false],
            },
            lowThreshold: {
                label: "低分和中等分数的界限值",
                type: "number",
                values: 2,
            },
            highThreshold: {
                label: "高分和中等分数的界限值",
                type: "number",
                values: 4,
            },
            colors: {
                label: "图标颜色",
                type: "input",
                values: ["#F7BA2A", "#F7BA2A", "#F7BA2A"],
            },
            voidColor: {
                label: "图标颜色",
                type: "input",
                values: "#C6D1DE",
            },
            disabledVoidColor: {
                label: "只读时未选中 icon 的颜色",
                type: "input",
                values: "#EFF2F7",
            },
            showText: {
                label: "是否显示辅助文字",
                type: "switch",
                values: [true, false],
            },
            textColor: {
                label: "辅助文字的颜色",
                type: "color",
                values: "#1F2D3D",
            },
            clearable: {
                label: "是否可以重置值为 0",
                type: "switch",
                values: [true, false],
            },
        },
        preps: {
            label: "",
            name: "",
            max: 5,
            size: "default",
            disabled: false,
            required: false,
            allowHalf: false,
            lowThreshold: 2,
            highThreshold: 4,
            colors: ["#F7BA2A", "#F7BA2A", "#F7BA2A"],
            voidColor: "#C6D1DE",
            disabledVoidColor: "#EFF2F7",
            icons: ["StarFilled", "StarFilled", "StarFilled"],
            voidIcon: "Star",
            disabledVoidIcon: "StarFilled",
            showText: false,
            showScore: false,
            textColor: "#1F2D3D",
            texts: ["Extremely bad", "Disappointed", "Fair", "Satisfied", "Surprise"],
            scoreTemplate: "",
            clearable: false,
        },
        advancedPreps: {},
        actions: {
            change: {
                label: "数据改变时触发",
                type: "button",
            },
        },
    },
    {
        type: "slider",
        name: "滑块",
        icon: "fa fa-sliders",
        fields: {
            label: {
                label: "标签名称",
                type: "input",
                values: "",
                required: true
            },
            name: {
                label: "名称",
                type: "input",
                values: "",
                required: true
            },
            min: {
                label: "最小值",
                type: "number",
                values: 0,
            },
            max: {
                label: "最大值",
                type: "number",
                values: 100,
            },
            required: {
                label: "是否必填",
                type: "switch",
                values: [true, false],
            },
            disabled: {
                label: "是否禁用",
                type: "switch",
                values: [true, false],
            },

            size: {
                label: "输入框尺寸",
                type: "select",
                values: ["large", "default", "small"],
            },
            step: {
                label: "步长",
                type: "number",
                values: 1,
            },
            showInput: {
                label: "是否显示输入框",
                type: "switch",
                values: [true, false],
            },
            showInputControls: {
                label: "是否显示输入框的控制按钮",
                type: "switch",
                values: [true, false],
            },
            showStops: {
                label: "是否显示间断点",
                type: "switch",
                values: [true, false],
            },
            showTooltip: {
                label: "是否显示提示信息",
                type: "switch",
                values: [true, false],
            },
            formatTooltip: {
                label: "是否格式化提示信息",
                type: "switch",
                values: [true, false],
            },
            range: {
                label: "是否开启选择范围",
                type: "switch",
                values: [true, false],
            },
            vertical: {
                label: "垂直模式",
                type: "switch",
                values: [true, false],
            },
            height: {
                label: "滑块高度，垂直模式必填",
                type: "input",
                values: "",
            },

            rangeStartLabel: {
                label: "屏幕阅读器标签开始的标记",
                type: "input",
                values: "",
            },
            rangeEndLabel: {
                label: "屏幕阅读器标签结尾的标记",
                type: "input",
                values: "",
            },
            tooltipClass: {
                label: "自定义类名",
                type: "input",
                values: "",
            },
            placement: {
                label: "标签位置",
                type: "select",
                values: [
                    "top",
                    "top-start",
                    "top-end",
                    "bottom",
                    "bottom-start",
                    "bottom-end",
                    "left",
                    "left-start",
                    "left-end",
                    "right",
                    "right-start",
                    "right-end",
                ],
            },
            validateEvent: {
                label: "输入时是否触发表单的校验",
                type: "switch",
                values: [true, false],
            },
        },
        preps: {
            label: "",
            name: "",
            min: 0,
            max: 100,
            required: false,
            disabled: false,
            step: 1,
            showInput: false,
            showInputControls: true,
            size: "default",
            inputSize: "default",
            showStops: false,
            showTooltip: true,
            formatTooltip: "",
            range: false,
            vertical: false,
            height: "",
            rangeStartLabel: "",
            rangeEndLabel: "",
            formatValueText: "",
            debounce: 300,
            tooltipClass: "",
            placement: "top",
            marks: "",
            validateEvent: true,
        },
        advancedPreps: {},
        actions: {
            change: {
                label: "值改变时触发",
                type: "button",
            },
            input: {
                label: "数据改变时触发",
                type: "button",
            },
        },
    },
    {
        type: "switch",
        name: "开关",
        icon: "fa fa-toggle-off",
        fields: {
            label: {
                label: "标签名称",
                type: "input",
                values: "",
                required: true
            },
            name: {
                label: "名称",
                type: "input",
                values: "",
                required: true
            },
            required: {
                label: "是否必填",
                type: "switch",
                values: [true, false],
            },
            disabled: {
                label: "是否禁用",
                type: "switch",
                values: [true, false],
            },
            loading: {
                label: "是否显示加载中",
                type: "switch",
                values: [true, false],
            },
            size: {
                label: "尺寸大小",
                type: "select",
                values: ["large", "default", "small"],
            },
            width: {
                label: "宽度",
                type: "input",
                values: "",
            },
            activeIcon: {
                label: "打开图标",
                type: "input",
                values: "",
            },
            inactiveIcon: {
                label: "关闭图标",
                type: "input",
                values: "",
            },
            activeText: {
                label: "开启时文字描述",
                type: "input",
                values: "",
            },
            inactiveText: {
                label: "关闭时文字描述",
                type: "input",
                values: "",
            },
            activeValue: {
                label: "开启时的值",
                type: "input",
                values: "",
            },
            inactiveValue: {
                label: "关闭时的值",
                type: "input",
                values: "",
            },
            activeColor: {
                label: "开启时的颜色",
                type: "input",
                values: "",
            },
            inactiveColor: {
                label: "关闭时的颜色",
                type: "input",
                values: "",
            },

            validateEvent: {
                label: "状态时是否触发表单的校验",
                type: "switch",
                values: [true, false],
            },
        },
        preps: {
            label: "",
            required: false,
            disabled: false,
            loading: false,
            size: "default",
            width: "",
            inlinePrompt: false,
            activeIcon: "",
            inactiveIcon: "",
            activeText: "",
            inactiveText: "",
            activeValue: true,
            inactiveValue: false,
            activeColor: "",
            inactiveColor: "",
            borderColor: "",
            name: "",
            validateEvent: true,
            beforeChange: "",
        },
        advancedPreps: {},
        actions: {
            change: {
                label: "switch 状态发生变化时",
                type: "button",
            },
        },
    },
    {
        type: "transfer",
        name: " 穿梭框",
        icon: "fa fa-columns",
        fields: {
            label: {
                label: "标签名称",
                type: "input",
                values: "",
                required: true
            },
            name: {
                label: "名称",
                type: "input",
                values: "",
                required: true
            },
            data: {
                label: "数据源",
                type: "button",
                prop: "dialog",
                values: "",
            },
            required: {
                label: "是否必填",
                type: "switch",
                values: [true, false],
            },
            filterable: {
                label: "是否可搜索",
                type: "switch",
                values: [true, false],
            },
            filterPlaceholder: {
                label: "搜索框占位符",
                type: "input",
                values: "",
            },
            filterMethod: {
                label: "自定义搜索方法",
                type: "button",
                prop: "dialog",
                values: "",
            },
            targetOrder: {
                label: "右侧列表元素的排序策略",
                type: "select",
                values: ["original", "push", "unshift"],
            },
            titles: {
                label: "右侧列表元素的排序策略",
                type: "select",
                values: ["List 1", "List 2"],
            },
            buttonTexts: {
                label: "自定义按钮文案",
                type: "input",
                values: ["List 1", "List 2"],
            },
            props: {
                label: "数据源的字段别名",
                type: "input",
                values: ["List 1", "List 2"],
            },
            leftDefaultChecked: {
                label: "左侧已勾选的数据集合",
                type: "input",
                values: [],
            },
            rightDefaultChecked: {
                label: "右侧已勾选的数据集合",
                type: "input",
                values: [],
            },
            validateEvent: {
                label: "状态时是否触发表单的校验",
                type: "switch",
                values: [true, false],
            },
        },
        preps: {
            label: "",
            name: "",
            data: [],
            required: false,
            filterable: false,
            filterPplaceholder: "Enter keyword",
            filterMethod: "",
            targetOrder: "original",
            titles: ["列表一", "列表二"],
            buttonTexts: [],
            renderContent: "",
            format: {
                noChecked: "${checked}/${total}",
                hasChecked: "${checked}/${total}",
            },
            props: "",
            leftDefaultChecked: [],
            rightDefaultChecked: [],
            validateEvent: true,
        },
        advancedPreps: {},
        actions: {
            change: {
                label: "右侧列表元素变化时触发",
                type: "button",
            },
            leftCheckChange: {
                label: "左侧列表元素被用户选中 / 取消选中时触发",
                type: "button",
            },
            rightCheckChange: {
                label: "右侧列表元素被用户选中 / 取消选中时触发",
                type: "button",
            },
        },
    },
    {
        type: "upload",
        name: "上传",
        icon: "fa fa-upload",
        fields: {
            label: {
                label: "标签名称",
                type: "input",
                values: "",
                required: true
            },
            name: {
                label: "名称",
                type: "input",
                values: "",
                required: true
            },
            action: {
                label: "请求 URL",
                type: "input",
                values: "",
            },
            headers: {
                label: "请求头部",
                type: "input",
                values: "",
            },
            required: {
                label: "是否必填",
                type: "switch",
                values: [true, false],
            },
            multiple: {
                label: "是否支持多选文件",
                type: "switch",
                values: [true, false],
            },
            data: {
                label: "上传时附带的额外参数",
                type: "textarea",
                values: "",
            },

            withCredentials: {
                label: "凭证信息",
                type: "input",
                values: "",
            },
            showFileList: {
                label: "是否显示已上传文件列表",
                type: "input",
                values: "",
            },
            drag: {
                label: "是否启用拖拽上传",
                type: "switch",
                values: [true, false],
            },
            accept: {
                label: "接受上传的文件类型",
                type: "input",
                values: "",
            },
            onPreview: {
                label: "预览事件",
                type: "button",
                prop: "dialog",
                values: "",
            },
            onRemove: {
                label: "删除事件",
                type: "button",
                prop: "dialog",
                values: "",
            },
            onSuccess: {
                label: "上传成功事件",
                type: "button",
                prop: "dialog",
                values: "",
            },
            onError: {
                label: "上传失败事件",
                type: "button",
                prop: "dialog",
                values: "",
            },
            onProgress: {
                label: "上传中事件",
                type: "button",
                prop: "dialog",
                values: "",
            },
            onChange: {
                label: "状态改变事件",
                type: "button",
                prop: "dialog",
                values: "",
            },
            onExceed: {
                label: "超出限制事件",
                type: "button",
                prop: "dialog",
                values: "",
            },
            beforeUpload: {
                label: "上传文件之前事件",
                type: "button",
                prop: "dialog",
                values: "",
            },
            beforeRemove: {
                label: "删除文件之前事件",
                type: "button",
                prop: "dialog",
                values: "",
            },
            listType: {
                label: "文件列表的类型",
                type: "select",
                values: ["text", "picture", "picture-card"],
            },
            autoUpload: {
                label: "是否自动上传文件",
                type: "switch",
                values: [true, false],
            },
            disabled: {
                label: "是否禁用上传",
                type: "switch",
                values: [true, false],
            },
            limit: {
                label: "上传数量限制",
                type: "number",
                values: "",
            },
        },
        preps: {
            label: "上传",
            action: "",
            headers: {},
            method: "post",
            multiple: false,
            required: false,
            data: {},
            name: "file",
            withCredentials: false,
            showFileList: true,
            drag: false,
            accept: "",
            onPreview: null,

            onRemove: null,
            onSuccess: null,
            onError: null,
            onProgress: null,
            onChange: null,
            onExceed: null,
            beforeUpload: null,
            beforeRemove: null,
            fileList: [],
            listType: "text",
            autoUpload: true,
            httpRequest: "",
            disabled: false,
            limit: "",
        },
        advancedPreps: {},
        actions: {},
    },
];
